<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<!-- saved from url=(0049)http://www.cssplay.co.uk/menus/drop_examples.html -->
<HTML xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>Stu Nicholls | CSSplay | A css only dropdown menu further examples</TITLE>
<META http-equiv=Content-Type content="text/html; charset=UTF-8">
<META content="Stu Nicholls" name=Author>
<META 
content="cssplay, css, play, Cascading, Style, Sheets, opacity, layouts, navigation, menus, experiments,demonstrations, photo, photograph, gallery, slide, slideshow, picture, drop, down, pull, up, fly, out, free" 
name=Keywords>
<META content="CSS - Cutting edge Cascading Style Sheets. Experiments in CSS" 
name=Description>
<META content=n3Dpx4NklZjg5p/Tq7h1q+Oj6Ml83crtkO/PwepVQ6Y= name=verify-v1>
<META http-equiv=imagetoolbar content=no>
<META http-equiv=X-UA-Compatible content=IE=EmulateIE7><LINK title="ICRA labels" 
href="http://www.cssplay.co.uk/labels.rdf" type=application/rdf+xml rel=meta>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="zh-cn" />
<LINK href="../favicon.ico" 
type=image/x-icon rel="shortcut icon"><LINK href="../favicon.ico" type=image/ico 
rel=icon><LINK media=all 
href="Stu Nicholls  CSSplay  A css only dropdown menu further examples.files/css_play4.css" 
type=text/css rel=stylesheet>
<link href="media/css/menu/menu4.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 5.5]>
<style type="text/css">
.menu3 ul li a, .menu3 ul li a:visited {
width:151px; w\idth:139px;
}
</style>
<![endif]--><!--[if lte IE 7]>
<STYLE type=text/css>.menu2 {
	SCROLLBAR-FACE-COLOR: #ddd; SCROLLBAR-HIGHLIGHT-COLOR: #eee; SCROLLBAR-SHADOW-COLOR: #ddd; SCROLLBAR-3DLIGHT-COLOR: #eee; SCROLLBAR-ARROW-COLOR: #000; SCROLLBAR-TRACK-COLOR: #aaa; SCROLLBAR-DARKSHADOW-COLOR: #ddd
}
</STYLE>
<![endif]-->
<META content="MSHTML 6.00.2900.2995" name=GENERATOR></HEAD>
<BODY id=www-cssplay-co-uk>
<div class="container4">
<div class="menu4">
<ul>
	<li class="home"><a href="#nogo">系统
	<!--[if IE 7]><!--></a><!--<![endif]-->
	<!--[if lte IE 6]><table><tr><td><![endif]-->
	<ul>
		<li class="subprod"><span style="text-align:center"><a href="#nogo">重新登陆</a></span></li>
		<li class="subprod"><span style="text-align:center"><a href="#nogo">地图输出</a></span></li>
		<li class="subprod2"><span style="text-align:center"><a href="#nogo">打印预览</a></span></li>
		<li class="subprod2"><span style="text-align:center"><a href="#nogo">地图打印</a></span></li>
		<li class="subprod2"><span style="text-align:center"><a href="#nogo">注销</a></span></li>
		<li class="subprod2"><span style="text-align:center"><a href="#nogo">退出</a></span></li>
	</ul>
	<!--[if lte IE 6]></td></tr></table></a><![endif]-->
	</li>
	<li class="products"><a class="drop" href="#nogo">地图操作<!--[if IE 7]><!--></a><!--<![endif]-->
	<!--[if lte IE 6]><table><tr><td><![endif]-->
	<ul>
		<li class="subprod"><span style="text-align:center"><a href="#nogo">地图放大</a></span></li>
		<li class="subprod2"><span style="text-align:center"><a href="#nogo">地图缩小</a></span></li>
		<li class="subprod2"><span style="text-align:center"><a href="#nogo">地图平移</a></span></li>
		<li class="subprod"><span style="text-align:center"><a href="#nogo">地图全屏</a></span></li>
	</ul>
	<!--[if lte IE 6]></td></tr></table></a><![endif]-->
	</li>
	<li class="services"><a class="drop" href="#nogo">图层管理<!--[if IE 7]><!--></a><!--<![endif]-->
	<!--[if lte IE 6]><table><tr><td><![endif]-->
	<ul>
		<li class="subserv4"><span style="text-align:center"><a href="#nogo">渲染风格</a></span></li>
		<li class="subserv3"><span style="text-align:center"><a href="#nogo">图层控制</a></span></li>
		<!--
		<li class="subserv"><span style="text-align:center"><a href="#nogo">图层顺序控制</a></span></li>
		<li class="subprod3"><span style="text-align:center"><a href="#nogo">图层显示风格</a></span>
		<table><tr><td>
		<ul>
			<li class="subsubl"><span style="text-align:center"><a href="#nogo">点</a></span></li>
			<li class="subsubl"><span style="text-align:center"><a href="#nogo">线</a></span></li>
			<li class="subsubl"><span style="text-align:center"><a href="#nogo">面</a></span></li>
			<li class="subsubl"><span style="text-align:center"><a href="#nogo">文本</a></span></li>
		</ul>
		
		</li>
		-->
	</ul>
	<!--[if lte IE 6]></td></tr></table></a><![endif]-->
	</li>
	<li class="services"><a class="drop" href="#nogo">业务平台<!--[if IE 7]><!--></a><!--<![endif]-->
	<!--[if lte IE 6]><table><tr><td><![endif]-->
	<ul>
		<li class="subserv4"><span style="text-align:center"><a href="#nogo">在线监测信息</a></span>
			<!--<![endif]-->
			<!--[if lte IE 6]><table><tr><td><![endif]-->
			<ul>
				<li class="subsubl"><span style="text-align:center"><a href="#nogo">在线监测点分布图</a></span></li>
				<li class="subsubl"><span style="text-align:center"><a href="#nogo">变电站</a></span></li>
				<li class="subsubl"><span style="text-align:center"><a href="#nogo">输电线路</a></span></li>
			</ul>
			<!--[if lte IE 6]></td></tr></table></a><![endif]-->
		</li>
		<li class="subserv3"><span style="text-align:center"><a href="#nogo">GIS分析</a></span>
		<!--<![endif]-->
			<!--[if lte IE 6]><table><tr><td><![endif]-->
			<ul>
				<li class="subsubl"><span style="text-align:center"><a href="#nogo">特殊区域</a></span></li>
				<li class="subsubl"><span style="text-align:center"><a href="#nogo">雷电分析</a></span><!--<![endif]-->
					<!--[if lte IE 6]><table><tr><td><![endif]-->
					<ul>
						<li class="subsubl"><span style="text-align:center"><a href="#nogo">加载雷电分布图</a></span></li>
						<li class="subsubl"><span style="text-align:center"><a href="#nogo">区域落雷分析</a></span></li>
					</ul>
					<!--[if lte IE 6]></td></tr></table></a><![endif]-->
				</li>
				<li class="subsubl"><span style="text-align:center"><a href="#nogo">在线监测分析</a></span></li>
			</ul>
			<!--[if lte IE 6]></td></tr></table></a><![endif]-->
		</li>
		<li class="subserv3"><span style="text-align:center"><a href="#nogo">案例库</a></span>
		<!--<![endif]-->
			<!--[if lte IE 6]><table><tr><td><![endif]-->
			<ul>
				<li class="subsubl"><span style="text-align:center"><a href="#nogo">案例库管理</a></span></li>
				<li class="subsubl"><span style="text-align:center"><a href="#nogo">案例库展示</a></span></li>
			</ul>
			<!--[if lte IE 6]></td></tr></table></a><![endif]-->
		</li>
	</ul>
	<!--[if lte IE 6]></td></tr></table></a><![endif]-->
	</li>
	
	<li class="services"><a class="drop" href="#nogo">系统管理<!--[if IE 7]><!--></a><!--<![endif]-->
	<!--[if lte IE 6]><table><tr><td><![endif]-->
	<ul>
		<li class="subserv4"><span style="text-align:center"><a href="#nogo">参数设置</a></span>
				<!--<![endif]-->
			<!--[if lte IE 6]><table><tr><td><![endif]-->
			<ul>
				<li class="subsubl"><span style="text-align:center"><a href="#nogo">预警模型</a></span><!--<![endif]-->
					<!--[if lte IE 6]><table><tr><td><![endif]-->
					<ul>
						<li class="subsubl"><span style="text-align:center"><a href="#nogo">变电站</a></span></li>
						<li class="subsubl"><span style="text-align:center"><a href="#nogo">输电线路</a></span></li>
					</ul>
					<!--[if lte IE 6]></td></tr></table></a><![endif]-->
				</li>
			</ul>
			<!--[if lte IE 6]></td></tr></table></a><![endif]-->
		</li>
		<li class="subserv3"><span style="text-align:center"><a href="#nogo">权限管理</a></span>
			<!--<![endif]-->
			<!--[if lte IE 6]><table><tr><td><![endif]-->
			<ul>
				<li class="subsubl"><span style="text-align:center"><a href="#nogo">用户管理</a></span></li>
				<li class="subsubl"><span style="text-align:center"><a href="#nogo">权限设置</a></span></li>
			</ul>
			<!--[if lte IE 6]></td></tr></table></a><![endif]-->
		</li>
</ul>
</div>
</div>
</BODY></HTML>
